<template>
  <div id="app">
    <transition name="slide-left"
                mode="out-in"
    >
      <router-view/>
    </transition>
    <Footer></Footer>
  </div>
</template>

<script>

  import Api from '@/assets/api/index'
  import {lc} from '@/assets/unit/index'

export default {
  name: 'app',
    beforeCreate(){

    },
  mounted(){
     const _this = this;

  },
  components:{

  }
}
</script>

<style lang="scss">
  @import "./assets/scss/reset";
  @import "./assets/scss/theme/theme";
  .slide-left-enter-active,
  .slide-left-leave-active {
    transition: all .05s ease-in;
    opacity: 1;
  }
  .slide-left-enter,
  .slide-left-leave-active {
    opacity: 0;
  }
</style>

